$(function () {
  let layer = layui.layer;
  $("#logout").on("click", function () {
    //eg1
    layer.confirm(
      "确认退出登录吗？",
      { icon: 3, title: "提示" },
      function (index) {
        //do something
        location.href = "/login.html";
        localStorage.removeItem("token");
        layer.close(index);
      }
    );
  });
  // 需求2：渲染用户名和头像
  // 不要把getUserInfo()写到退出登录的逻辑中
  getUserInfo();
});

// 获取用户信息，渲染用户名和头像功能封装
// 入口函数外部，全局函数，后面会进行调用
function getUserInfo() {
  axios({
    method: "GET",
    url: "/my/userinfo",
    // headers: {
    //   // Authorization身份认证
    //   Authorization: localStorage.getItem("token"),
    // },
  }).then(function (res) {
    // console.log(res.data);
    let obj = res.data;
    // 判断
    if (obj.status !== 0) {
      return layui.layer.msg(obj.message);
    }
    // 渲染用户名和头像
    rederUserInfo(obj.data);
  });
}
function rederUserInfo(user) {
  // 欢迎 ， 名称有要求：优先赋值昵称，不存在才赋值登录名称
  let name = user.nickname || user.username;
  // 欢迎赋值
  $(".welcome").html("欢迎&nbsp;&nbsp;" + name);
  // 判断有没有图片头像
  if (user.user_pic == null) {
    // 没有图片头像，则显示文字头像，隐藏图片头像
    $(".avatar-text").show().html(name[0].toUpperCase());
    $(".avatar-img").hide();
  } else {
    // 有图片头像，则显示图片头像，隐藏文字头像
    // attr 操作自定义属性较强， prop 操作表单属性较强
    $(".avatar-img").show().attr("src", user.user_pic);
    $(".avatar-text").hide();
  }
}
